html, body{
height:100%;
}
#small_main_menu{
display:none;
}
#register_button{
display:none;
}
/* ---------------------------------- page one (home) -------------------------*/

.page_one{

width:100%;
height:100%;
display:block;
position:relative;
}



.page_one #big_main_menu{
background-image:url("../images/background1_up.jpg");
background-repeat:no-repeat;
background-size:100% 100%;
}

.page_one #big_main_menu .gif_image1{
margin-left:200px;
margin-top:70px;
content:url("../images/bird.gif");
position:absolute;
}
.page_one #big_main_menu .gif_image2{
margin-left:70px;
margin-top:60px;
content:url("../images/bird.gif");
position:absolute;
}


.page_one #slide{
display:block;
width:100%;
height:70%;
}
.page_one #slide #carousel-example-generic{
height:100%;
display:block;

}

.page_one #slide #carousel-example-generic .carousel-inner .item img{
width:100%;
height:100%;


}

/* ---------------------------------- page two (Register) -------------------------*/

.page_two{
width:100%;
height:90%;
display:block;
position:relative;

border:1px solid blue;

}
.page_two .row{
background-image:url('../images/background3.jpg');
height:100%;
width:100%;
position:absolute;
background-size:cover;
    -webkit-filter: blur(13px);
    -moz-filter: blur(13px);
    -o-filter: blur(13px);
    -ms-filter: blur(13px);
    filter: blur(13px);

}

.footer_registration{
width:100%;
height:10%;
display:block;
position:relative;
background-color:white;
text-align:center;
padding-top:20px;

}


#register-wraper {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
right:70px;
  padding-top: 25px;
  padding-bottom: 25px;
  background: white;
  text-align: center;
 width:40%;
 height:80%;
 border:1px solid blue;
margin-top:75px;
position:absolute;

}

#register-form {
  margin: 0 auto;
  width: 80%;
}
#register-form .control-inline {
  display: inline-block;
  width:100%;
}
#register-form legend {
  margin-bottom: 15px;
  border-bottom: none;
}
#register-form input.input-huge {
  width: 100%;
  background-color:white;
}
#register-form .control-group {
  margin-bottom: 0;
}
#register-form .control-inline .input-medium{
background-color:white;
width:70%;
}

#register-form .control-inline label{
width:70%;
}

#register-form .checkbox.inline {
  margin-bottom: 10px;
  padding: 0;
  font-size: 98%;
}
#register-form .checkbox.inline input {
  margin-right: 10px;
}
#register-form .body {
  overflow-y: auto;
  height: auto;
  border-top: 1px solid #eeeeee;
}
#register-form .btn {
  padding: 10px 40px;
  background-image: none;
  box-shadow: none;
  margin-top:10px;
}
.register-info-wraper {
  background: rgba(0, 0, 0, 0.2);
  display:block;
  position:absolute;
  width:50%;
  height:80%;
  text-align:center;
  margin-top:75px;
  color:white;
}
#register-info {
  position: relative;
  padding: 25px;
}
#register-info ul {
  margin-right: 25px;
}
#register-info ul li {
  margin-bottom: 25px;
  text-align:right;
}

#register-form legend{
font-size:20pt;
}

.footerr .inline{
float:left;


}



/* ---------------------------------- page three (Login) -------------------------*/

.page_three{
width:100%;
height:100%;
display:block;
background-color:white;

}

.page_three  .container #carousel-example-generic{
width:100%;
height:90%;
display:block;
position:absolute;
margin-left:-16px;

}
.page_three  .container #carousel-example-generic .carousel-inner .item img{
width:100%;
height:100%;
}

.blue {
  color: #447fc8;
}
.page_three .container #login-wraper{
 z-index:1000;
 -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  position: relative;

  display: block;
  margin-top:100px;
  margin-left:auto;
  margin-right:auto;
  width: 420px;
  height: 370px;
  background: white;
  text-align: center;
}

.login-form legend {
  margin-top: 5px;
  margin-bottom: 30px;
  padding-top:20px;
  padding-bottom: 20px;
}
.login-form legend {
  font-family: 'Lato', Helvetica, sans-serif;
  font-size: 32px;
  font-weight: 300;
  color: #333333;
  -webkit-font-smoothing: subpixel-antialiased;
}


.page_three .container #login-wraper .login-form label {
  font-family: 'Lato', Helvetica, sans-serif;
  font-size: 16px;
  color: #333333;
  font-weight: 300;
  
}
.login-form .footer {
  margin-top: 10px;
}
.login-form .footer .checkbox.inline {
  display: inline;
}
.login-form .footer .checkbox.inline input[type="checkbox"] {
  float: none;
  margin-top: -4px;
}
.login-form .body #username_login,
.login-form .body #password_login,
.login-form .body #forgot_email,
.body #reset_password1,
.body #reset_password2{
background-color:white;
height:30px;
width:200px;
}
.page_three .container #login-wraper .login-form .body {
  padding-bottom: 30px;
  border-bottom: 1px solid #eeeeee;
}
.login-form .footer .btn {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-left: 15px;
  padding: 7px 25px;
  background-image: none;
}

.btn-black {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 5px 20px;
  background-color: #222222;
  background-image: none;
  color: white;
  text-shadow: none;
}
.btn-black:hover {
  background: #333333;
  color: white;
}

.page_three .container{

width:100%;
height:90%;
}
.page_three .footer_login{
padding-top:20px;
width:100%;
height:10%;
text-align:center;
border:1px solid black;
}

img.blur { width:367; height:459px; -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px); }


.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
html,
body,
.carousel,
.carousel-inner,
.carousel-inner .item {
  height: 100%;
}
.item:nth-child(1) {
  background: silver;
}
.item:nth-child(2) {
  background: red;
}
.item:nth-child(3) {
  background: orange;
}



/* ---------------------------------- page four (Game Tour) -------------------------*/


.page_four{
width:100%;
height:100%;
display:block;
background-color:black;
}
.page_four #iframe{
width:100%;
height:100%;
display:block;
position:relative;

}





/* ---------------------------------- page five (Gallery) -------------------------*/


.page_five{
width:100%;
height:auto;
display:block;
position:relative;
background-color:silver;

padding-bottom:50px;
background-image: url("http://knowlesprimaryschool.org.uk/wp-content/uploads/2013/04/background_kids.jpg");
background-size:cover;
}
.page_five .top hr{
margin-left:auto;
margin-right:auto;
width:75%;

}
.page_five .top{
height:250px;
padding-top:50px;
padding-bottom:50px;
position:relative;
display:block;
}
.page_five .gallery{
margin-left:auto;
margin-right:auto;
width:80%;
height:auto;
position:relative;
display:block;

}

.page_five .gallery .row .thumbnail{
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
height:400px;
box-shadow: 10px 10px 5px #888888;
display:block;
position:relative;
}
.page_five .gallery .row .thumbnail img{
height: 60%;
width: 100%;

}
.page_five .gallery .row .thumbnail hr{
border:3px solid black;
padding-bottom:0px;
margin-bottom:0px;
padding-top:0px;
margin-top:0px;
}
.page_five .gallery  .row .thumbnail .caption{
padding-top:0px;
margin-top:0px;
text-align:center;

}


/* ---------------------------------- page six (Our Team) -------------------------*/


.page_six{
width:100%;
height:auto;
display:block;
background-color:white;
position:relative;
background-image:url('http://www.above.gr/img/background.jpg');
background-size:cover;
padding-top:20px;
}

.page_six > #our_team{
background-image:url('http://www.above.gr/img/background.jpg');
background-size:cover;
box-shadow: 10px 10px 5px #888888;
}

.page_six #our_team{
padding-top:50px;
position:relative;
height:100%;
background-color:white;
border:1px solid silver;
padding-bottom:50px;
margin-bottom:30px;


}

.page_six #get_in_touch{

padding-bottom:50px;
position:relative;
height:100%;
background-color:rgb(140,203,197);
border:1px solid rgb(140,203,197);
}

.page_six #our_team{
margin-left:auto;
margin-right:auto;
width:75%;
}

.page_six #our_team  #person a img{
background-color:#E6E6E6;
margin-bottom:50px;
}

.page_six #our_team  #person a img:hover{
opacity:0.4;
border: 2px solid blue;
}
.page_six #our_team .row{
padding-top:30px;
margin-left:auto;
margin-right:auto;
width:100%;
text-align:center;

}


.page_six #get_in_touch .header h1{
text-align:center;
}
.page_six #get_in_touch .header hr{
padding-left:auto;
padding-right:auto;
width:75%;
}

.page_six #get_in_touch .header h1 a{
text-align:center;
font-weight:bold;
color:black;
font-size:22pt;

}
.page_six #get_in_touch .row{

padding-bottom:50px;

text-align:center;
margin-left:auto;
margin-right:auto;
width:70%;
height:auto;

}
.page_six #get_in_touch .row .col-md-6{
padding-top:50px;
}

/* ---------------------------------- page seven (Contact US) -------------------------*/


.page_seven{
width:100%;
height:100%;
display:block;
background-color:black;

position:relative;
}
.page_seven .row{
padding-top:50px;
margin-left:auto;
margin-right:auto;
width:45%;
height:95%;
position:relative;

}

input[type="text"]{
background-color:rgb(46,46,46);
font-size: 18px;
}

textarea[type="text"], input[type="email"]{
background-color:rgb(51,51,51);
font-size: 18px;
}

.text{
border: 0px solid #000;
border-radius: 0px;
}

#text:focus{
color:rgb(140,203,197);
font-style: italic;
border-left-width:thick;
  border-left-style:solid;
  border-left-color:rgb(140,203,197);
}
.ok_button{
padding-left:auto;
padding-right:auto;
text-align:center;
}
.ok_button .send{

  border-radius:0px;
	font-style:italic;
	margin-top:30px;
	width:30%;
	height:40px;
	background-color:black;
	border: 1px solid rgb(140,203,197);
	color:rgb(140,203,197);
	margin-bottom:20px;
}


.ok_button .send:hover{
background-color:rgb(43,67,64);
color:rgb(140,203,197);
}

.page_seven .footer{
color:gray;
position:relative;
text-align:center;

height:2%;


}

/* ---------------------------------- main menu -------------------------*/

.page_one #big_main_menu{

height:30%;
width:100%;
display:block;
padding-top:20px;

}
.page_one #big_main_menu .menu{



width:90%;
height:80%;
margin-left:auto;
margin-right:20px;

padding-top:10px;
background-color:transparant;


}

.page_one #big_main_menu .menu .navigation li a{

  padding-right: 0;
  padding-left: 0;
  font-size: 15px;
  font-weight: bold;
  color: #000; /* IE8 proofing */
  color: #000;
 

}

.page_one #big_main_menu .menu .navigation li a:hover,
.page_one #big_main_menu .menu .navigation li a:focus{
  background-color: transparent;
  border-bottom-color: #000000;

}

.page_one #big_main_menu .menu .navigation li{
display: inline-block;
margin-left: 30px;

}
.page_one #big_main_menu .menu .navigation .active a{

}
.page_one #big_main_menu .menu .navigation li a img:hover{
 -webkit-filter: drop-shadow(12px 12px 25px rgba(0,0,0,0.5));
    filter: url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='drop-shadow'><feGaussianBlur in='SourceAlpha' stdDeviation='4'/><feOffset dx='12' dy='12' result='offsetblur'/><feFlood flood-color='rgba(0,0,0,0.5)'/><feComposite in2='offsetblur' operator='in'/><feMerge><feMergeNode/><feMergeNode in='SourceGraphic'/></feMerge></filter></svg>#drop-shadow");
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
}



/* ---------------------------------- end main menu -------------------------*/


.scrollup {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 50px;
    right: 100px;
    display: none;
    text-indent: -9999px;
    background: url('../images/BackToTop.png') no-repeat;
	background-size:50px 50px;
    background-color: white;
	z-index:1000;
}


/* ---------------------------------- Success message -------------------------*/
#success_message{
display:block;
position:fixed;
margin-left:auto;
margin-right:auto;
width:100%;
height:50%;
z-index:9999;
text-align:center;
}

/* ---------------------------------- PANNEL -------------------------*/
#pannel{
display:block;
position:fixed;
right:10px;
top:10px;
z-index:99999;
width:200px;
height:80px;
border:2px solid black;
background-color:white;
box-shadow: 5px 5px 5px #888888;
text-align:center;

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";       /* IE 8 */
filter: alpha(opacity=50);  /* IE 5-7 */
-moz-opacity: 0.5;          /* Netscape */
-khtml-opacity: 0.5;        /* Safari 1.x */
opacity: 0.5;               /* Good browsers */
}

/* -------------------------- Small Screen ------------------------------ */

@media screen and (max-width: 1250px) {
   
#small_main_menu{
display:block;
} 
#big_main_menu > div{
display:none;
}   


.page_seven .row{
padding-top:70px;
margin-left:auto;
margin-right:auto;
width:90%;
height:95%;
position:relative;

}
 .page_two{
width:100%;
height:auto;
display:block;
position:relative;

border:1px solid blue;

}
.page_three{
height:auto;

}
.page_three  .container #carousel-example-generic{
height:auto;

}
.page_three  .container #carousel-example-generic .carousel-inner .item img{
 min-height: 100%;

  height: auto;
}

#footer_registration{
height:auto;
}

.register-info-wraper {
  background: rgba(0, 0, 0, 0.2);
  display:block;
  position:relative;
  width:80%;
  height:40%;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  margin-top:75px;
  color:white;
  border:1px solid white;
}

#register_button{
display:block;
}

#register-wraper {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);

  background: white;
  text-align: center;
left:0px;
 width:100%;
 height:40%;

margin-top:100px;
position:relative;

}
#welcome{
display:Block;
margin-top:20px;
text-align:center;
}
.scrollup {
bottom: 0px;
right: 0px;

}
.page_three .container #login-wraper{
width:80%;
}

.page_seven{
height:auto;
}

.page_two .row{
display:none;
}
.page_three .container #carousel-example-generic{
display:none;
}

}


/* -------------------------- FONT ------------------------------ */

@font-face {
  font-family: "Crayon";
  src: url("../font/crayon.ttf") format("truetype");
}
h1 { 
font-family: "Crayon", sans-serif;
font-size:50px;
}
.crayon_font li {
font-family: "Crayon", sans-serif;
font-size:20px;
}

.start_flash{
font-family: "Crayon", sans-serif;
font-size:40px;
padding-top:200px;
padding-left:420px;
}
.start_flash2{
font-family: "Crayon", sans-serif;
font-size:40px;
padding-top:0px;
padding-left:420px;
}

/* -------------------------- DEVELOPER MENU REGISTRATION ------------------------------ */

#register-developer-form input.input-huge {
  width: 80%;
  background-color:white;
}
#register-developer-form input.input-medium {
  width: 50%;
  background-color:white;
}
#register-developer-form input.input-small {
  width: 60%;
  background-color:white;
}
#register-developer-form input.input-extra-small {
  width: 15%;
  background-color:white;
}
#table_registration_developer{
width:80%;
text-align:center;
margin-left:auto;
margin-right:auto;
margin-top:10px;
}

#register-developer-form  .btn {
  padding: 10px 40px;
  background-image: none;
  box-shadow: none;
  margin-top:10px;
}

#register-developer-form .checkbox.inline {
  margin-left: 30%;
  padding: 0;
  font-size: 98%;
  
}

.center_tab {
  
	margin-left:auto;
	margin-right:auto;
    width: 60%;
}




